<template>
<!-- 类名是设置的样式 -->
  <div class="page-home">
    <div class="home-entry">
      <div class="container">
        <!-- 使用组件 -->
        <homeCategoryVue />
        <homeBannerVue />
      </div>
       <!-- 新鲜好物 -->
      <homeNewVue/>
      <!-- 人气推荐 -->
        <HomeHot/>
         <!-- 推荐模块 -->
      <homeBrandVue/>
    </div>
  </div>
</template>

<script>
// 导入左侧导航  和bannar组件
import homeCategoryVue from './components/home-category.vue'
import homeBannerVue from './components/home-banner.vue'
import homeNewVue from './components/home-new.vue'
import HomeHot from './components/home-hot'
import homeBrandVue from './components/home-brand.vue'

export default {
  components: { // 注册组件
    homeCategoryVue,
    homeBannerVue,
    homeNewVue,
    HomeHot,
    homeBrandVue
  }
}
</script>
